/* 通配符选择器，选中所有标签 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.all{
    margin: 0 auto;
    padding: 0;
    background-color: pink;
    height: 650px;
}
.container{
    width: 600px;
    height: 280px;
    margin: 0px auto;
    padding: 20px;
}
/* 设置h2,p居中 */
h2 {
    text-align: center;
}
p {
    text-align: center;
    color: #666;
    /* 先竖直，再水平 */
    margin: 20px 0;
}


/* 设置弹性布局 */
.row {
    /* 开启弹性布局 */
    display: flex;
    height: 40px;
    /* 水平方向居中 */
    justify-content: center;
}
/* 设置提示框的长度 */
.row span {
    width: 80px;
}

/* 设置输入框的长度和高度 */
.row input {
    width: 200px;
    height: 30px;
}

.row button {
    color: white;
    background-color: orange;
    width: 120px;
    height: 35px;
    border: none;
    /* margin-left: 20px;
    margin-right: 20px; */
    margin: 20px;
}
/* 设置点击提交时变灰色 */
button:active {
    background-color: #666;
}

/* 设置结果的div样式 */
.result {
    text-align: center;
    margin: 5px;
    line-height: 40px;
}
.Conversation{
    width: 280px;
    height: 280px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;

    padding: 20px;
    background-color: rgba(0,128,0,0.6);
}
